$(function () {
    getPublic();
    $('#public').click(function () {
        $(this).addClass('current').children().addClass('cur');
        $(this).siblings('li').removeClass('current').children().removeClass('cur');
        getPublic();
    })
    $('#master').click(function () {
        $(this).addClass('current').children().addClass('cur');
        $(this).siblings('li').removeClass('current').children().removeClass('cur');
        getMaster();
    })
    $('#all').click(function () {
        $(this).addClass('current').children().addClass('cur');
        $(this).siblings('li').removeClass('current').children().removeClass('cur');
        getPublic();
    })
    $('#apply').click(function () {
        $(this).addClass('current').children().addClass('cur');
        $(this).siblings('li').removeClass('current').children().removeClass('cur');
        getApply()
    })
    $('#useing').click(function () {
        $(this).addClass('current').children().addClass('cur');
        $(this).siblings('li').removeClass('current').children().removeClass('cur');
        getPublic();
    })
    $('#finished').click(function () {
        $(this).addClass('current').children().addClass('cur');
        $(this).siblings('li').removeClass('current').children().removeClass('cur');
        getApply();
    })
    function getPublic() {
        myajax({
            method: 'GET',
            url: 'http://localhost:3000/useing/public',
            success: function (res) {
                const newRes = res.filter(value => value.info_ty === '首发');
                let htmlStr = template('tpl_useing', { datas: newRes });
                let ul = document.querySelector('.content').querySelector('.cont').querySelector('ul');
                ul.innerHTML = htmlStr;
            }
        })
    }
    function getMaster() {
        myajax({
            method: 'GET',
            url: 'http://localhost:3000/useing/master',
            success: function (res) {
                const newRes = res.filter(value => value.info_ty.trim() === '体验师转享');
                let htmlStr = template('tpl_useing', { datas: newRes });
                let ul = document.querySelector('.content').querySelector('.cont').querySelector('ul');
                ul.innerHTML = htmlStr;
                $('.tag').each(function (i, el) {
                    $(el).removeClass().addClass('tag1');
                })

            }
        })
    }
    function getApply() {
        myajax({
            method: 'GET',
            url: 'http://localhost:3000/useing/public',
            success: function (res) {
                const newRes = res.filter(value => {
                    let arr = Object.keys(value);
                    return arr.includes('info_ty');
                });
                let htmlStr = template('tpl_useing', { datas: newRes });
                let ul = document.querySelector('.content').querySelector('.cont').querySelector('ul');
                ul.innerHTML = htmlStr;
                $('.tag').each(function (i, el) {
                    if ($(el).html().trim() === '首发') {
                        $(el).removeClass().addClass('tag');
                    } else {
                        $(el).removeClass().addClass('tag1');
                    }
                })
            }
        })
    }


})